<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

  <style>
 body>div{
   width: 611px;
   height: 375px;
   background-color: #e8e8e8;
   background-image: url("img_1.png");
   background-repeat: no-repeat;
   background-position: 90% 50%;
   overflow: hidden;
     margin: 0 auto;

 }

 div>div{
   width: 245px;
   height: 235px;
   margin: 70px 0 0 35px;
 }
 
 p,h1{margin: 0}
 .title{
     font-size: 30px;
     color: #333;
     margin-bottom: 12px;
 }
 
 .info{
     font-size: 12px;
     color: #666;
     margin-bottom: 24px;
 }
 .price{
     font-size: 24px;
     color: #1898D5;
     font-weight: bold;
     margin-bottom: 20px;
 }

 .btn{
     display: block;
     width: 100px;
     height: 40px;
     background-color: skyblue;
     text-align: center;
     /* 去掉下划线 */
     text-decoration: none;
     line-height: 40px;
     color: white;
     border: none;
     border-radius: 4px;
 }
 .btn:hover{
     background:pink;
     color: green;
 }
  </style>
</head>
<body>
      <div>
          <div>
              <h1 class="title">灵越 燃7000 系列</h1>
              <p class="info">酷睿双核i5处理器|256GB SSD| 8GB内存<br>
                  英特尔HD显卡620含共享显卡内存</p>
              <p class="price">$4999.00</p>
              <a href="" class="btn">查看详情</a>
          </div>
      </div>

</body>
</html>